.booklist-html{
    width: auto;
}

.booklist-html .listnav{
    text-align: left;
    width: 50%;
    float: left;
}

.booklist-html .addlist {
    text-align: right;
    width: 50%;
    float: right;
}

.booklist-html .addlist a{
    text-decoration: none;
}

.booklist-html .addlist a:hover{
    color: inherit;
}


.booklist-html .booklist-head{
    background-color: aqua;
}

.booklist-html table{
    text-align: center;
    width: 100%;
    opacity: 0.7;
}

.booklist-html table tr{
    width: 100%;
}

table tr a{
    text-decoration: none;
    color: inherit;
}

.booklist-html th{
    border-top: 1px solid rgb(189, 199, 142);
    border-bottom: 1px solid #718366;
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 10%;
}

button a{
    text-decoration: none;
    color: inherit;
}

.list-book-table td{
    border-top: 1px solid rgb(189, 199, 142);
    border-bottom: 1px solid #718366;
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 10%;
}

.letterature{
    background-color: bisque;
}

.history{
    background-color: rgb(156, 129, 95);
}

.culture{
    background-color: rgb(103, 177, 139);
}

.life{
    background-color: rgb(67, 200, 96);
}

.science{
    background-color: rgb(201, 163, 210);
}

table tr .describe{
    height: auto;
    width: 50%;
}

.list-book-table .chakanbook{
    width: 100px;
    padding: 0;
}

.list-book-table .chakanbook button{
    display: none;
    width: 100%;
    margin: auto;
    padding: 0;
    border: 0px;
    font:bolder ;
    font-size: 60px;
}

.list-book-table .chakanbook button:hover{
    cursor: pointer;
}

.list-book-table:hover tr{
    box-shadow: 0px 1px 7px 7px #2e4b7e;
    font-weight: bolder;
}

.list-book-table tr td:hover{
    color: rgb(209, 28, 28);
}

.list-book-table tr td button:hover {
    color: rgb(209, 28, 28);
}

.list-book-table tr:hover .chakanbook button{
    display: inline-block;
}